<template>
    <div id="app">
        <router-view/>
    </div>
</template>
<script>

</script>
<style lang="less">
    .ql-snow .ql-picker {
        height: 100% !important;
    }

    .ql-container {
        height: 80% !important;
    }

    .icon_size_15 {
        font-size: 15px !important;
        margin-right: 5px;
    }

    .icon-size {
        font-size: 0.8vw !important;
        margin-right: 0.5vw;
    }

    .icon-size_2vw {
        font-size: 1.3vw !important;
        color: #212529 !important;
        cursor: pointer;
    }

    .common_btnBox {
        /*width: 20%;*/
        /*height: 40px;*/
        color: #00b3c0 !important;
        font-size: 160%;
        font-weight: 600;
        padding-top: 3vh;
        padding-right: 1vw;
        float: right;

        border: none !important;
        border-radius: 0 !important;
    }

    .el-popconfirm {
        .el-button--text {
            color: red !important;
        }
    }

    #app {
        width: 100vw;
        height: 100vh;
        font-size: 14px;
        position: absolute;
    }

    // 全局修改滾動條樣式

    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;

    }

    //滚动条的滑块
    ::-webkit-scrollbar-thumb {
        background-color: #1c84c6;
        border-radius: 14px;

    }

    .el-card {
        border: none !important;
        color: #00b3c0;
        overflow: auto;

        .el-col {
            .el-form-item {
                box-sizing: border-box;
                justify-content: flex-start;
                align-items: flex-start;

            }
        }
    }

    /*设置按钮边框*/
    .el-button {
        border: none !important;
    }

    // transfer穿梭框
    .el-transfer {
        width: 100%;
        // height: 500px;
        // background: red;
        overflow: auto;

        .el-transfer-panel {
            width: 44% !important;
            background: transparent;
            color: #00b3c0 !important;
            border-color: #00b3c0;

            .el-transfer-panel__header {
                background: #00b3c0;
                color: #00b3c0;;

                .el-checkbox {
                    span {
                        // color: white;
                        span {
                            // color: white;

                        }
                    }
                }
            }

            .el-transfer-panel__body {
                p {
                    color: #00b3c0 !important;
                }

                .el-transfer-panel__item.el-checkbox {
                    color: #00b3c0 !important;
                }

            }

        }
    }

    /*控制el-tooltip__popper 不会超出el-table*/
    .el-tooltip__popper {
        max-width: 60%;
    }

    .el-form-item__label {
        // width: 70px !important;
        color: #212529;
        display: flex;
        justify-content: center;
        // width: 100%;
    }

    /deep/ ::v-deep .el-scrollbar__wrap {

        overflow-x: hidden;

    }

    .el-progress-bar {
        width: 80% !important;
    }

    .el-progress-bar__outer {
        width: 80%;
    }

    .el-progress__text {
        width: 20%;
        display: inline-block;
    }

    .el-dialog {


        // background: transparent !important;
        .el-dialog__header {
            background: #FF6600 !important;
            text-align: center;


            .el-dialog__title {
                color: white;
            }

            .el-icon-close:before {
                color: white;
            }

        }

        .el-dialog__body {
            /*color: red !important;*/
        }
    }

    .el-form-item {
        /*color: red !important;*/

    }

    .el-checkbox-group {
        /deep/ .el-checkbox {
            // background: red !important;
            color: #606266 !important;
        }
    }

    //
    /deep/ .el-checkbox-group {
        /deep/ .el-checkbox {
            /*color: red !important;*/

            /deep/ .el-checkbox__label {
                color: red !important;
            }
        }
    }

    /deep/ .el-button {
        background: #00b3c0 !important;
        color: white !important
    }

    .el-dialog__header {

    }


</style>
<style>
    .el-tooltip__popper[x-placement^=bottom] .popper__arrow {
        border-bottom-color: red;
    }

    .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
        border-bottom-color: red;
    }

    .test {
        background: red !important;
    }

    /*// 取消input的上下箭头*/
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
    }

    input::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }


</style>
<!--二次确认框取消样式设置-->
<style lang="less">
    .addBtn {
        padding: 15px 90px !important;
    }

    .addBtn_Blue {
        padding: 15px 0px !important;
        background: #1C84C6;
        color: white;
        width: 200px;
        border-radius: 5px;
    }

    /*抽屉*/
    .el-drawer {
        height: 100% !important;
        /*margin-top: 4%;*/
        box-sizing: border-box;
    }

    .demo-drawer__content {
        margin: 0px 2.5%;
        height: 90%;
    }

    .demo-drawer__footer {
        bottom: 5%;
    }

    .demo-drawer__footer {
        /*margin-top: 50px;*/
        /*text-align: right;*/
        /*box-sizing: border-box;*/
        /*padding-right: 50px;*/
        position: absolute;
        bottom: 5%;
        right: 10%;

    }

    .el-drawer__header {
        background: #00b3c0;
        color: white;
        text-align: center;
        color: white;

        padding: 10px !important;

        span {
            display: inline-block;
            font-size: 20px;
            font-weight: 600;
            color: white;
            width: 200px;

        }


    }

    .el-icon-close {

        color: white;
    }

    .el-drawer__close-btn {

    }

    .addTable {

        overflow-y: auto;
        overflow-x: hidden;
        height: 60%;
    }


</style>
<style lang="less">
    .home {
        width: 100%;
        box-sizing: border-box;
        height: calc(100% - 60px);
        // overflow-y: auto;
        // overflow-x: hidden;
        padding-bottom: 5%;
        margin-left: 10px;
        margin-top: 10px;
        background: white;
        /deep/ .el-form-item {
          width: 70%;
        }

    }

    .home::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;

    }
</style>
<style>
    /* Hides scrollbar in WebKit browsers */
    ::-webkit-scrollbar {
        display: none;
    }

    /* Hides scrollbar in Firefox */
    html {
        scrollbar-width: none;
    }

    /* Hides scrollbar in IE and Edge */
    html {
        -ms-overflow-style: none;
    }

</style>